import './styles/index.less'
import GameControl from './modules/GameControl'


const gamecontrol = new GameControl()
console.log(gamecontrol)

// class Food {
//   public element: HTMLElement

//   constructor() {
//     this.element = document.getElementById('food')!
//   }

//   // 食物的X坐标
//   get X() {
//     return this.element.offsetLeft
//   }

//   // 食物的Y坐标
//   get Y() {
//     return this.element.offsetTop
//   }

//   // 改变食物的位置
//   change() {
//     // 生成一个随机的位置
//     // 舞台是300*300，食物是10*10，所以食物的位置范围[0,290]
//     // 蛇一次移动一格，一格为10px
//     // Math.random() => (0, 1)的随机数
//     // Math.round(Math.random()) => [0, 1]的随机数
//     let top = Math.round(Math.random() * 29) * 10
//     let left = Math.round(Math.random() * 29) * 10
//     this.element.style.left = `${left}px`
//     this.element.style.top = `${top}px`
//   }
// }


// class ScorePanel {
//   public score: number = 0
//   public level: number = 1
//   public scoreEle: HTMLElement
//   public levelEle: HTMLElement
//   constructor(public maxLevel: number = 10, public upScope: number = 10) {
//     this.scoreEle = document.getElementById('score')!
//     this.levelEle = document.getElementById('level')!
//     this.maxLevel = maxLevel
//     this.upScope = upScope
//   }

//   addScore() {
//     this.score += 1
//     this.scoreEle.innerHTML = `${this.score}`
//     // 每10分升级一次
//     if(this.score % this.upScope === 0) this.levelUp()
//   }

//   levelUp() {
//     if(this.level < this.maxLevel) {
//       this.levelEle.innerHTML = `${++this.level}`
//     }
//   }
// }

// 测试代码
// const food = new Food()
// food.change()
// console.log(food.X, food.Y)